<template>
    <div class="form-item">
        <label class="form-tiem-label" :style="{width:this.Form.labelWidth}">{{label}}</label>
        <div class="form-item_content">
            <slot></slot>
        </div>
    </div>
</template>
<script>
export default {
    props:{
        label:{
            type:String,
        }
    },
    inject: ['Form']
}
</script>
<style lang='scss'>
*{
    padding:0;
    margin: 0;
    box-sizing: border-box;
}
.form-item{
   
    display: flex;
} 
 .form-item_content{
    line-height: 50px;
    padding-top:10px;
      
       
 }  
 .form-tiem-label{
    color: #606266;
    font-size:14px;
    line-height: 30px;
    padding-top:16px;
    text-align: right;
    padding-right: 10px;
 } 
</style>